<!doctype html>
<html class="no-js" lang="" xmlns:th="http://www.thymeleaf.org">
<head>

    <meta charset="utf-8">
    <meta name="description" content="Flat, Clean, Responsive, admin template built with bootstrap 3">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

    <title>新闻</title>

    <script type="text/javascript">
        //<![CDATA[
        try {
            if (!window.CloudFlare) {
                var CloudFlare = [{
                    verbose: 0,
                    p: 0,
                    byc: 0,
                    owlid: "cf",
                    bag2: 1,
                    mirage2: 0,
                    oracle: 0,
                    paths: {
                        cloudflare: "/cdn-cgi/nexp/dok2v=1613a3a185/"
                    },
                    atok: "1668c19642567e08c574f5d9458345a2",
                    petok: "643f4e688a539bbfb2b41f4e4cc2ec1a997b99d8-1419101801-1800",
                    zone: "nyasha.me",
                    rocket: "0",
                    apps: {
                        "ga_key": {
                            "ua": "UA-50530436-1",
                            "ga_bs": "2"
                        }
                    }
                }];
                CloudFlare.push({
                    "apps": {
                        "ape": "b73fe1779a8f2c3193e2437b269c1cb5"
                    }
                });
                ! function(a, b) {
                    a = document.createElement("script"), b = document.getElementsByTagName("script")[0], a.async = !0, a.src = "js/cloudflare.min.js", b.parentNode.insertBefore(a, b)
                }()
            }
        } catch (e) {};
        //]]>
    </script>
    <link rel="stylesheet" href="vendor/offline/theme.css">
    <link rel="stylesheet" href="vendor/pace/theme.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/panel.css">
    <link rel="stylesheet" href="css/skins/palette.1.css" id="skin">
    <link rel="stylesheet" href="css/fonts/style.1.css" id="font">
    <link rel="stylesheet" href="css/main.css">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script src="vendor/modernizr.js"></script>
    <script type="text/javascript">
        /* <![CDATA[ */
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-50530436-1']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();

        (function(b) {
            (function(a) {
                "__CF" in b && "DJS" in b.__CF ? b.__CF.DJS.push(a) : "addEventListener" in b ? b.addEventListener("load", a, !1) : b.attachEvent("onload", a)
            })(function() {
                "FB" in b && "Event" in FB && "subscribe" in FB.Event && (FB.Event.subscribe("edge.create", function(a) {
                    _gaq.push(["_trackSocial", "facebook", "like", a])
                }), FB.Event.subscribe("edge.remove", function(a) {
                    _gaq.push(["_trackSocial", "facebook", "unlike", a])
                }), FB.Event.subscribe("message.send", function(a) {
                    _gaq.push(["_trackSocial", "facebook", "send", a])
                }));
                "twttr" in b && "events" in twttr && "bind" in twttr.events && twttr.events.bind("tweet", function(a) {
                    if (a) {
                        var b;
                        if (a.target && a.target.nodeName == "IFRAME") a: {
                            if (a = a.target.src) {
                                a = a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);
                                b = 0;
                                for (var c; c = a[b]; ++b)
                                    if (c.indexOf("url") === 0) {
                                        b = unescape(c.split("=")[1]);
                                        break a
                                    }
                            }
                            b = void 0
                        }
                        _gaq.push(["_trackSocial", "twitter", "tweet", b])
                    }
                })
            })
        })(window);
        /* ]]> */
    </script>
</head>

<body>
<div class="app">

    <div th:replace="common :: top"></div>

    <section class="layout">

        <div th:replace="common :: left"></div>


        <section class="main-content">
            <header class="header header-fixed navbar bg-default">
                <ul class="nav navbar-nav pull-left">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">筛选<b class="mg-l-xs fa fa-angle-down"></b></a>
                        <ul class="dropdown-menu filter" data-option-key="filter" role="menu">
                            <li><a href="javascript:;" data-filter="*">全部</a>
                            </li>
                            <li><a href="javascript:;" data-filter=".hr">最近一年</a>
                            </li>
                            <li><a href="javascript:;" data-filter=".accounting">最近一个月</a>
                            </li>
                            <li><a href="javascript:;" data-filter=".legal">最近一周</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="pull-right">
                    <p class="navbar-text pull-left mg-r-xs">
                        View as:
                    </p>
                    <div class="btn-group view-options mg-r-md" data-toggle="buttons">
                        <label class="btn btn-primary btn-sm btn-rounded navbar-btn no-margin active" data-view="grid">
                            <input type="radio" name="options" id="option1">
                            <i class="fa fa-th"></i>
                        </label>
                        <label class="btn btn-primary btn-rounded navbar-btn btn-sm" data-view="list">
                            <input type="radio" name="options" id="option2">
                            <i class="fa fa-list"></i>
                        </label>
                    </div>
                </div>
            </header>

            <div class="content-wrap">
                <div class="row">
                    <div  class="switcher view-grid" >
                        <div class="row feed no-margin" >

                            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 switch-item" th:each="news:${news}" style="display:inline-block" >
                                <section class="panel" >
                                    <div class="thumb">
                                        <a th:href="@{/newMain{id}(id=${news.getId()})}">
                                             <img th:src="@{'/img/news/'+ ${news.getIcon()}}" class="img-responsive" alt="Responsive image" >
                                        </a>
                                    </div>
                                    <div class="panel-body" >
                                        <div class="switcher-content" >
                                            <p th:text="${news.getSummary()}">
                                            </p>
                                            <ul class="text-muted list-style-none">
                                                <span class="fa fa-star text-warning"></span>
                                                <span class="fa fa-star text-warning"></span>
                                                <span class="fa fa-star text-warning"></span>
                                                <span class="fa fa-star text-warning"></span>
                                                <span class="fa fa-star text-warning"></span>
                                            </ul>
                                            <a th:href="@{/newMain{id}(id=${news.getId()})}" class="show small" th:text="${news.getMedia()}"></a>
                                            <small th:text="${#dates.format(news.getTime(),'yyyy-MM-dd')}"></small>
                                        </div>
                                    </div>
                                </section>
                            </div>
                            </tr>
                        </div>
                    </div>
                </div>
            </div>

        </section>

    </section>
</div>

<script src="vendor/jquery-1.11.1.min.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<script src="vendor/jquery.easing.min.js"></script>
<script src="vendor/jquery.placeholder.js"></script>
<script src="vendor/fastclick.js"></script>


<script src="vendor/isotope/isotope.pkgd.min.js"></script>
<script src="vendor/offline/offline.min.js"></script>
<script src="vendor/pace/pace.min.js"></script>


<script src="js/off-canvas.js"></script>
<script src="js/main.js"></script>

<script src="js/panel.js"></script>
<script src="js/feed.js"></script>
</body>

</html>